<template>
	<jk-view :loading="showContentLoading">
		<jk-operation-card class="margin-bottom-10 margin-top-10 width-100-percent fixed-operation-bar">
			<div class="flex-between-center">
				<div class="flex-start-center">
					<span class="el-icon-star-off item-gap"></span>
					<span>{{ ruleForm.code || '编号自动生成' }}</span>
					<el-tag size="mini" type="info" class="margin-left-10">
						<jk-state-bar :state="ruleForm.serviceState" :state-list="orderStateList"></jk-state-bar>
					</el-tag>
				</div>
				<div class="flex-start-center">
					<el-button type="info" plain icon="el-icon-back" size="small" class="item-gap" @click="onJumpList">返回列表</el-button>
					<!--<jk-button class="item-gap" type="primary" :disabled="!ruleForm.id" icon="el-icon-document-copy" size="small" @click="onCopyBtn">复制</jk-button>-->
					<!--<jk-button class="item-gap" type="primary" :disabled="!ruleForm.id" icon="el-icon-printer" size="small" @click="onPrintBtn">打印</jk-button>-->
					<jk-button v-if="pageType !== 'detail'" icon="el-icon-finished" :loading="saveBtnLoading" type="primary" @click="onConfirmBtn">保存</jk-button>
				</div>
			</div>
		</jk-operation-card>
		<jk-card>
			<el-form ref="ruleForm" :model="ruleForm" :rules="rules" :hide-required-asterisk="pageType === 'detail'" label-width="120px" :show-message="false">
				<div class="flex-between-center margin-bottom-4">
					<el-tag type="primary" effect="plain">
						<span class="el-icon-tickets item-gap"></span>
						<span>基本信息</span>
					</el-tag>
					<div class="flex-end-center">
						<front-notice-popover-bar ref="foreNoticeListPopoverBar" class="item-gap" :rule-form="ruleForm"></front-notice-popover-bar>
						<notice-list-popover-bar ref="noticeListPopoverBar" :rule-form="ruleForm"></notice-list-popover-bar>
					</div>
				</div>
				<jk-card>
					<el-row ref="box1" class="flex-start-center-wrap">
						<el-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
							<el-form-item class="margin-bottom-10" label="销售订单">
								<sale-order-list
									:page-type="pageType"
									:form-data="ruleForm"
									@update="onSaleOrderChange"
								></sale-order-list>
							</el-form-item>
						</el-col>
						<!--<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
							<el-form-item class="margin-bottom-10" label="客户">
								<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.customerName }}</span>
								<remote-search-customer-input
									v-else
									placeholder="客户"
									only-key="customerId"
									query-name="customerName"
									:form-data="ruleForm"
									@on-select="onSelectCustomerChange"
								></remote-search-customer-input>
							</el-form-item>
						</el-col>-->
						<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
							<el-form-item class="margin-bottom-10" label="品种" prop="productName">
								<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.productName }}</span>
								<remote-search-product-input
									v-else
									:disabled="ruleForm.productOrderSaleList && ruleForm.productOrderSaleList.length > 0"
									placeholder="品种"
									default-stock-type="FINISHED_PRODUCT"
									only-key="productId"
									query-name="productName"
									:form-data="ruleForm"
									@on-select="onSelectProductChange"
								></remote-search-product-input>
							</el-form-item>
						</el-col>
						<!--<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
							<el-form-item class="margin-bottom-10" label="规格型号">
								<span class="read-only-2">{{ ruleForm.productModels }}</span>
							</el-form-item>
						</el-col>-->
						<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
							<el-form-item class="margin-bottom-10" label="计量单位">
								<span class="read-only-2">{{ ruleForm.unitName }}</span>
							</el-form-item>
						</el-col>
						<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
							<el-form-item class="margin-bottom-10" label="销售数量" prop="saleQty">
								<div class="flex-start-center">
									<span v-if="pageType === 'detail' || ruleForm.auditState >= 1" class="read-only-2">{{ ruleForm.saleQty }}</span>
									<jk-number-input v-else v-model="ruleForm.saleQty" :disabled="ruleForm.productOrderSaleList && ruleForm.productOrderSaleList.length > 0" placeholder="销售数量" @change="calOrderQty" />
								</div>
							</el-form-item>
						</el-col>
						<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
							<el-form-item class="margin-bottom-10" label="库存数量">
								<div class="flex-start-center">
									<span v-if="pageType === 'detail' || ruleForm.auditState >= 1" class="read-only-2">{{ ruleForm.inventoryQty }}</span>
									<jk-number-input v-else v-model="ruleForm.inventoryQty" placeholder="库存数量" @change="calOrderQty" />
								</div>
							</el-form-item>
						</el-col>
						<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
							<el-form-item class="margin-bottom-10" label="生产数量">
								<div class="flex-start-center">
									<span class="read-only-2">{{ ruleForm.orderQty }}</span>
									<!--<span v-if="pageType === 'detail' || ruleForm.auditState >= 1" class="read-only-2">{{ ruleForm.orderQty }}</span>
									<jk-number-input v-else v-model="ruleForm.orderQty" placeholder="生产数量" @change="calOrderQty('orderQty')" />
									<div v-if="ruleForm.auditState >= 1" class="add-qty-btn" size="small" @click="onAddQtyBtn">
										<span class="el-icon-plus"></span>
									</div>-->
								</div>
							</el-form-item>
						</el-col>
					</el-row>
					<jk-divider-card title="生产信息" icon="el-icon-news" class="margin-top-10" placement="left">
						<el-row class="flex-start-center-wrap">
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="支数" prop="yarnCount">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.yarnCount }}</span>
									<jk-number-input v-else v-model="ruleForm.yarnCount"></jk-number-input>
								</el-form-item>
							</el-col>

							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="生产类型">
									<el-radio-group v-model="ruleForm.ifTest" size="medium">
										<el-radio-button :disabled="pageType === 'detail'" :label="false">正式生产</el-radio-button>
										<el-radio-button :disabled="pageType === 'detail'" :label="true">试产打样</el-radio-button>
									</el-radio-group>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="交货日期">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.deliveryDateTo }}</span>
									<el-date-picker
										v-else
										v-model="ruleForm.deliveryDateTo"
										type="date"
										style="width: 100%;"
										placeholder="交货日期"
										value-format="yyyy-MM-dd"
										@change="calDailySupplyQty('deliveryDateTo')"
									></el-date-picker>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="优先级" prop="priorityId">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.priorityName }}</span>
									<el-select v-else v-model="ruleForm.priorityId" placeholder="优先级" class="width-100-percent">
										<el-option v-for="item in priorityList" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="单据日期" prop="orderDate">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.orderDate }}</span>
									<el-date-picker v-else v-model="ruleForm.orderDate" clearable type="date" style="width: 100%;" value-format="yyyy-MM-dd" placeholder="单据日期" />
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="计划员" prop="plannerId3">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.plannerName }}</span>
									<remote-search-emp-input
										v-else
										placeholder="计划员"
										only-key="plannerId"
										query-name="plannerName"
										:form-data="ruleForm"
										@on-select="onSelectEmpChange"
									></remote-search-emp-input>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="色名(新)" prop="colorId">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.colorName || '' }}</span>
									<!--  @change="onSelectColorNumberChange" -->
									<jk-select v-else v-model="ruleForm.colorCode" value-key-name="code" class="width-100-percent" size="medium" :option-list="colorList" clearable placeholder="色名" @change="onSelectColorNumberChange" />

									<!-- <remote-search-color-number-input
										v-else
										default-type-code="COLOR_NUMBER"
										placeholder="色号"
										only-key="colorId"
										query-name="colorName"
										:form-data="ruleForm"
										@on-select="onSelectColorNumberChange"
									></remote-search-color-number-input> -->
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="纺纱类型(新)" prop="priorityId">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.typeSpinning }}</span>
									<el-select v-else v-model="ruleForm.typeSpinning" placeholder="纺纱类型" class="width-100-percent">
										<el-option v-for="item in spinTypeList" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col v-if="ruleForm.typeSpinning === 3" :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="定量(g/m)">
									<div class="flex-start">
										<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.gramWeight }}</span>
										<jk-number-input v-else v-model="ruleForm.gramWeight" style="width: 100%;" placeholder="克重" />
										<span>~</span>
										<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.meters }}</span>
										<jk-number-input v-else v-model="ruleForm.meters" style="width: 100%;" placeholder="米长" />
									</div>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="捻度(新)">
									<div class="flex-start-center">
										<span v-if="pageType === 'detail' || ruleForm.auditState >= 1" class="read-only-2">{{ ruleForm.twist }}</span>
										<jk-number-input v-else v-model="ruleForm.twist" placeholder="捻度" />
									</div>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="捻向(新)">
									<div class="flex-start-center">
										<span v-if="pageType === 'detail' || ruleForm.auditState >= 1" class="read-only-2">{{ ruleForm.twistDirection }}</span>
										<jk-select v-else v-model="ruleForm.twistDirection" value-key-name="name" class="width-100-percent" size="medium" :option-list="directionTwistList" clearable placeholder="捻向" />
									</div>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="工艺路线(新)">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.specPathName }}</span>
									<jk-select v-else v-model="ruleForm.specPathId" value-key-name="id" class="width-100-percent" size="medium" label-key-name="name" :option-list="spinSpecPathList" clearable placeholder="工艺路线" />
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="批号(新)">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.batchCode }}</span>
									<remote-search-batch-code-input
										v-else
										placeholder="批号"
										only-key="batchId"
										size="medium"
										query-name="batchCode"
										:form-data="ruleForm"
										@on-select="onSelectBatchChangeOfRowItem($event)"
									></remote-search-batch-code-input>
								</el-form-item>
							</el-col>
						</el-row>
					</jk-divider-card>
					<!--<el-row>
						<el-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24" class="">
							<el-form-item class="margin-bottom-0" label="生产批号" prop="productOrderBatchList">
								<div class="flex-start-center">
									<order-batch-list
										ref="orderBatchList"
										:page-type="pageType"
										:form-data="ruleForm"
										:data-list.sync="ruleForm.productOrderBatchList"
									></order-batch-list>
								</div>
							</el-form-item>
						</el-col>
					</el-row>-->
				</jk-card>
				<div class="margin-top-10">
					<el-tag type="primary" effect="plain" class="margin-bottom-10">
						<span class="el-icon-tickets item-gap"></span>
						<span>配料明细</span>
					</el-tag>
					<batch-item-material-list
						ref="materialList"
						:page-type="pageType"
						:rule-form="ruleForm"
						:color-list="colorList"
						:material-list="{
							totalQuantity:ruleForm.totalQuantity || 0,
							productOrderElementItemLists:ruleForm.productOrderElementItemLists || [],
						}"
						:type-spinning="ruleForm.typeSpinning"
						@return-data="updateDataOfMaterialList($event)"
					></batch-item-material-list>
				</div>
				<!-- <order-batch-list
					ref="orderBatchList"
					:is-demo-yarn="isDemoYarn"
					:demo-yarn-info="demoYarnInfo"
					:page-type="pageType"
					:form-data="ruleForm"
					:data-list.sync="ruleForm.productOrderBatchList"
				></order-batch-list> -->
				<!--<el-tabs v-model="activeTab" type="border-card" class="margin-top-10">
					<el-tab-pane>
						<span slot="label"><i class="el-icon-paperclip"></i> 生产批号</span>
						<order-batch-list
							ref="orderBatchList"
							:form-data="ruleForm"
							:data-list.sync="ruleForm.productOrderBatchList"
						></order-batch-list>
					</el-tab-pane>
					<el-tab-pane>
						<span slot="label"><i class="el-icon-notebook-2"></i> 生产要求</span>
						<el-row class="flex-start-center-wrap">
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="交货开始日期">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.deliveryDateFrom }}</span>
									<el-date-picker
										v-else
										v-model="ruleForm.deliveryDateFrom"
										type="date"
										style="width: 100%;"
										placeholder="交货开始日期"
										value-format="yyyy-MM-dd"
										@change="calDailySupplyQty('deliveryDateFrom')"
									></el-date-picker>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="交货日期">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.deliveryDateTo }}</span>
									<el-date-picker
										v-else
										v-model="ruleForm.deliveryDateTo"
										type="date"
										style="width: 100%;"
										placeholder="交货日期"
										value-format="yyyy-MM-dd"
										@change="calDailySupplyQty('deliveryDateTo')"
									></el-date-picker>
								</el-form-item>
							</el-col>
							&lt;!&ndash;<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="日供货量">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.dailySupplyQty }}</span>
									<jk-number-input v-else v-model="ruleForm.dailySupplyQty" placeholder="日供货量" @change="calDailySupplyQty('dailySupplyQty')" />
								</el-form-item>
							</el-col>&ndash;&gt;
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="优先级" prop="priorityId">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.priorityName }}</span>
									<el-select v-else v-model="ruleForm.priorityId" placeholder="优先级" class="width-100-percent">
										<el-option v-for="item in priorityList" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							&lt;!&ndash;<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="已发货数量">
									<span class="read-only-2">{{ ruleForm.shipmentsQty }}</span>
								</el-form-item>
							</el-col>&ndash;&gt;
							&lt;!&ndash;<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
                                <el-form-item class="margin-bottom-10" label="10米价">
                                    <span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.tenPrice }}</span>
                                    <jk-number-input v-else v-model="ruleForm.tenPrice"></jk-number-input>
                                </el-form-item>
                            </el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="颜色" prop="colorId">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.colorName || '' }}</span>
									<remote-search-color-number-input
										v-else
										placeholder="颜色"
										only-key="colorId"
										query-name="colorName"
										:form-data="ruleForm"
										@on-select="onSelectColorNumberChange"
									></remote-search-color-number-input>
								</el-form-item>
							</el-col>&ndash;&gt;
							&lt;!&ndash;<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="纺纱方式">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.yarnType }}</span>
									<jk-input v-else v-model="ruleForm.yarnType" placeholder="纺纱方式" />
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="预警线(%)" prop="warningPercentage">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.warningPercentage }}</span>
									<jk-number-input v-model="ruleForm.warningPercentage" :max="100" placeholder="产量预警(%)" />
								</el-form-item>
							</el-col>&ndash;&gt;
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="计划员" prop="plannerId">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.plannerName }}</span>
									<remote-search-emp-input
										v-else
										placeholder="计划员"
										only-key="plannerId"
										query-name="plannerName"
										:form-data="ruleForm"
										@on-select="onSelectEmpChange"
									></remote-search-emp-input>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="单据日期" prop="orderDate">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.orderDate }}</span>
									<el-date-picker v-else v-model="ruleForm.orderDate" clearable type="date" style="width: 100%;" value-format="yyyy-MM-dd" placeholder="单据日期" />
								</el-form-item>
							</el-col>
							<el-col :span="24">
								<el-form-item class="margin-bottom-10" label="备注">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.remark }}</span>
									<el-input v-else v-model="ruleForm.remark" type="textarea" :rows="2" placeholder="" />
								</el-form-item>
							</el-col>
						</el-row>
					</el-tab-pane>
					<el-tab-pane>
						<span slot="label"><i class="el-icon-reading"></i> 工艺要求</span>
						<el-row class="flex-start-center-wrap">
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="工艺路线">
									<span class="read-only-2">{{ ruleForm.specPathName }}</span>
								</el-form-item>
							</el-col>
							<el-col :xl="6" :lg="8" :md="12" :sm="12" :xs="24">
								<el-form-item class="margin-bottom-10" label="纱种类型">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.varietyYarnSpecName }}</span>
									<el-select v-else v-model="ruleForm.varietyYarnSpecId" placeholder="纱种类型" clearable class="width-100-percent" @change="onSelectYarnChange">
										<el-option v-for="item in varietyYarnSpecList" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="24">
								<el-form-item class="margin-bottom-10" label="纱种工艺项">
									<jk-table :data="tableData">
										<vxe-column title="名称" align="left" field="name" :width="200"></vxe-column>
										<vxe-column title="值" align="right" field="name" :width="140">
											<template slot-scope="scope">
												<span v-if="pageType === 'detail'">{{ scope.row.value }}</span>
												<jk-input v-else v-model="scope.row.value" size="mini" placeholder=""></jk-input>
											</template>
										</vxe-column>
									</jk-table>
								</el-form-item>
							</el-col>
							<el-col :span="24">
								<el-form-item class="margin-bottom-10" label="特殊工艺">
									<jk-table :data="ruleForm.specialProcessesList">
										<vxe-column v-if="pageType !== 'detail'" title="操作" align="center" field="operation" :width="80">
											<template slot="header">
												<el-button size="mini" type="text" @click="onAddBtn">+添加</el-button>
											</template>
											<template slot-scope="scope">
												<div class="flex-center">
													<el-button size="mini" fixed="left" type="text" @click="onRemoveBtn(scope)"><span style="color: red;" class="el-icon-delete"></span></el-button>
												</div>
											</template>
										</vxe-column>
										<vxe-column title="名称" align="left" field="name" :width="160">
											<template slot-scope="scope">
												<span v-if="pageType === 'detail'">{{ scope.row.name }}</span>
												<jk-input v-else v-model="scope.row.name" size="mini" placeholder=""></jk-input>
											</template>
										</vxe-column>
										<vxe-column title="值" align="left" field="value" :width="120">
											<template slot-scope="scope">
												<span v-if="pageType === 'detail'">{{ scope.row.value }}</span>
												<jk-input v-else v-model="scope.row.value" size="mini" placeholder=""></jk-input>
											</template>
										</vxe-column>
									</jk-table>
								</el-form-item>
							</el-col>
							<el-col :span="24">
								<el-form-item class="margin-bottom-10" label="说明">
									<span v-if="pageType === 'detail'" class="read-only-2">{{ ruleForm.varietyYarnSpecRemark }}</span>
									<el-input v-else v-model="ruleForm.varietyYarnSpecRemark" type="textarea" :rows="1" placeholder="" />
								</el-form-item>
							</el-col>
						</el-row>
					</el-tab-pane>
				</el-tabs>-->
			</el-form>
			<add-qty-dialog
				:form-data="ruleForm"
				:dialog-state="addQtyDialogState"
				@on-visible-change="onVisibleChangeOfAddQtyDialogState"
				@on-finish="onFinishOfAddQtyDialog"
			></add-qty-dialog>
			<!--展示存在同品种、批号的机台任务-->
			<showExistMachineTaskDialog
				:dialog-state="showExistMachineTaskDialogState"
				:table-data="existsTaskList"
				@on-visible-change="onVisibleChangeOfShowExistMachineTaskDialogState"
				@on-finish="onFinishOfShowExistMachineTaskDialogState"
			></showExistMachineTaskDialog>
		</jk-card>
	</jk-view>
</template>

<script>
    import formMixin from './form-mixin';
    export default {
        name: 'FormBox',
        mixins: [formMixin],
        data() {
            return {
            };
        },
        methods: {
        },
        mounted() {
            this.getDependentData();
        }
    };
</script>

<style scoped lang="scss">
    .add-qty-btn {
        width: 31px;
        height: 36px;
        border: solid 1px #DCDFE6;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #515a6e;
        cursor: pointer;
        font-size: 13px;
        margin-left: -1px;
        box-sizing: border-box;
        flex-shrink: 0;
    }
    .add-qty-btn:hover {
        color: #fff;
        background: #2b85e4;
    }
</style>
